<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vue/vue.js" charset="utf-8"></script>

</head>
<body>

<div id="app">
    <input type="button" @click="a='aaa" value="我是aaa组件">
    <input type="button" @click="a='bbb" value="我是bbb组件">
    <component :is="a"></component>

</div>

<script>

    new Vue({
        el:'#app',
        data:{
            a:'aaa'
        },
        components:{
            'aaa':{
                template:'<h2>我是aaa组件</h2>'
            },
            'bbb':{
                template:'<h2>bbb</h2>'
            }
        }

    })
</script>

</body>
</html>